﻿
<!DOCTYPE HTML>
<html>
<div th:replace="/views/common/base-css-js::head(title=${'同城失物招领平台 用户中心'})"></div>


<body style="background: rgb(255, 255, 255); overflow-x: hidden;">
<link rel="stylesheet" type="text/css" href="/easyui/themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="/easyui/themes/icon.css">
<!--封装容器开始-->
   <div id="pagewrapper" style="margin:0 auto;height:auto;overflow:visible;min-height:800px;*height:800px;">
                             <!--------------页眉开始------------------>	 
    <div class="container-fluid" style="width:100%;margin:0 auto;padding:0;">
	<!-- header start-->
	<div id="user-center-header" style="margin-top: 0px;">
        <div th:replace="/views/common/header::header"></div>
        <div th:replace="/views/common/base-css-js::head_A"></div>
        <div th:replace="/views/common/base-css-js::head_B"></div>
        <div th:replace="/views/common/header::header_A"></div>

    </div>
	<!-- header end-->
	
	<!-- 导航条 start -->
        <div th:replace="/views/common/navigator::navigator"></div>
    <script>
    activeNav("user-center");
    </script>
	<!-- 导航条 end -->
	</div>
	                         <!--------------页眉结束------------------>				  
	                         <!-------------主体部分开始--------------->
     <div id="details" class="container-fluid" style="max-width:100%;height:auto;border: 1px solid red;"> 
		<p class="p_info" style="margin:0 auto;height:15px;font-size:14px;color:black;">
	     	<span style="float:left;">现在的位置 <a href="/index.html" target="_self" style="color:#666;">主页</a>-&gt;用户中心页面 </span>
		</p>
		 
	 	<div id="myLayOut" class="easyui-layout" style="height:400px;margin:0 auto;"> 
		<div data-options="region:'west',split:true,collapsible:true,minWidth:150,maxWidth:180" title="菜单导航" style="width:100px;">
		
			<div class="easyui-accordion" data-options="fit:true,border:false">
             <div id="p_info" title="个人信息" data-options="iconCls:'icon-user'">
                 <ul class="tree easyui-tree" data-options="animate:true,lines:true" style="padding: 10px;">
                      <li data-options="iconCls:'icon-save'">
                          <a href="/user/user-info.do" onclick="load(this, '个人信息');return false;" oncontextmenu="return false;" ondragstart="return false;">完善修改个人资料</a>
                      </li>
                      <li data-options="iconCls:'icon-edit'">
                          <a href="/user/user-password.do" target="mainFrame" onclick="load(this, '个人信息');return false;" oncontextmenu="return false;" ondragstart="return false;">修改密码</a>
                      </li>
                 </ul>
             </div>
             <div id="fl_info" title="帖子信息" data-options="iconCls:'icon-zoom-in'">
                 <ul class="tree easyui-tree" data-options="animate:true,lines:true" style="padding: 10px;">
                     <li data-options="iconCls:'icon-search'">
                         <a href="/user/find-info.do" target="mainFrame" onclick="load(this, '帖子信息');return false;" oncontextmenu="return false;" ondragstart="return false;">查看招领贴列表</a>
                     </li>
                     <li data-options="iconCls:'icon-search'">
                         <a href="/user/lost-info.do" target="mainFrame" onclick="load(this, '帖子信息');return false;" oncontextmenu="return false;" ondragstart="return false;">查看寻物贴列表</a>
                     </li>
                 </ul>
             </div>
             <div id="s_info" title="系统设置" data-options="iconCls:'icon-cog'">
                  <ul class="tree easyui-tree" data-options="animate:true,lines:true" style="padding: 10px;">
                     <li data-options="iconCls:'icon-edit'">
                         <a href="/user/user-password.do" target="mainFrame" onclick="load(this, '系统设置');return false;" oncontextmenu="return false;" ondragstart="return false;">修改登录密码</a>
                     </li>
                     <li data-options="iconCls:'icon-search'">
                             <a href="/user/user-log.do" target="mainFrame" onclick="load(this, '系统设置');return false;" oncontextmenu="return false;" ondragstart="return false;">查看登录日志列表</a>
                     </li>
                 </ul>
             </div>
         </div>
         
		</div>
        <div id="center" title="个人中心" data-options="region:'center'">
        	<iframe id="mainFrame" name="mainFrame" src="/user/default.html" frameborder="0" width="100%" height="100%" >
            </iframe>
		</div>
		</div> 
		<script type="text/javascript">
		function setTitle(text){
			text = " >>>> " +text;
			$("#myLayOut").layout('panel','center').panel('setTitle','<a href="/user/default.html" target="mainFrame">个人中心</a>' +text);
		}
		
		function load(_this, text){
			setTitle(text);
			loadIframe(_this.href);
		}
		
		// 加载Iframe页面
		function loadIframe(url){
			var html;
	    	$.post(url,
	    			function(data){
	    				html = data;
	    				// 先清除一下内容
	    				window.frames.mainFrame.document.body.innerHTML = "";
      					window.frames.mainFrame.document.write(html);
      					// 写完关闭
      					window.frames.mainFrame.document.close();
	    			},
	    			function(data){
	    				html = '<div style="width:150px;margin:150px auto;height:25px;color:red;">加载失败...</div>';
	    				window.frames.mainFrame.document.body.innerHTML = html;
	    			},
	    			"html"
	    		);
		}
		</script>
	</div> 	 
	                        <!-------------主体部分结束--------------->
     <hr>				
                            <!----------------页脚开始---------------->	
    <div class="container-fluid footer" style="max-width:100%;height:80px;">
	   <div style="width:100%;margin:10px auto;text-align: center;"> 
	     <!--页脚相关信息-->
			<%@include file="../common/footer.jsp" %>
	     <!--网站相关说明及信息-->
		</div>
   	</div>
                            <!----------------页脚结束---------------->
   </div>
                                         <!--封装容器结束-->
	<script> 
	//********************页尾功能js*********************//
	</script>

</body>
</html>